﻿<%@ Page Title="" Language="C#" MasterPageFile="~/temp/main/main.Master" AutoEventWireup="true" CodeBehind="goods_show.aspx.cs" Inherits="Donal.Xms.Web.temp.main.goods_show" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script>
        $(function () {
            function setCartNumber() {
                $.post('/tools/submit_ajax.ashx?action=view_cart_count_' + new Date().getTime(), {}, ref => { if (ref.status == 1) { $("#aCart").html("购物车（" + ref.count + "）") } }, 'json')
            }

            setCartNumber();

            $("#btnCart").click(function () {
                let iframe = document.getElementById("specIframe");

                let iframeDoc = iframe.contentWindow.document || iframe.contentDocument;
                let gc = "";
                $(iframeDoc).find("input[id^=number_]").each(function () {
                    if ($(this).val() != "0") {
                        gc += $(this).attr("id").replace("number_", "") + "-" + $(this).val() + ",";
                    }
                })

                if (gc != "") {
                    $.post('/tools/submit_ajax.ashx?action=add_cart_' + new Date().getTime(), { gc }, ref => {

                        showDialog(ref.msg);

                        if (ref.status == 1) {
                            setCartNumber();
                        }
                    }, 'json')
                }
            });

        });
    </script>

    <style>
        .iframe-container {
            /* 作为iframe的容器，用于包含滚动条 */
            overflow: auto; /* 当内容超出时显示滚动条 */
            max-width: 100%; /* 容器的最大宽度，可以按需设置 */
            min-width: 100px; /* 容器的最小宽度，可以按需设置 */
            max-height: 600px; /* 容器的最大高度，可以按需设置 */
            min-height: 300px; /* 容器的最小高度，可以按需设置 */
            /* 其他样式按需添加 */
        }

        .responsive-iframe {
            border: none; /* 去除边框 */
            display: block; /* iframe作为块级元素 */
            width: 100%; /* 宽度自动适应父元素 */
            height: 100%; /* 高度自动适应父元素 */
            min-height: inherit; /* 如果需要，继承最小高度 */
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <table style="width: 100%">
        <tr>
            <td style="text-align: center;">
                <asp:DropDownList ID="ddlProduct_no" runat="server" AutoPostBack="True">
                    <asp:ListItem Value="0" Selected="True">全部</asp:ListItem>
                    <asp:ListItem Value="1">第一个</asp:ListItem>
                    <asp:ListItem Value="2">第二个</asp:ListItem>
                </asp:DropDownList>
            </td>
        </tr>
    </table>
    <div>
        <div class="iframe-container">
            <iframe src="/specifications-<%=id %>.html" frameborder="0" class="responsive-iframe" id="specIframe"></iframe>
        </div>
    </div>
    <div>
        <a id="aCart" href="/cart.html">购物车</a>
        <input type="button" id="btnCart" value="加入购物车" />&nbsp;&nbsp;<input type="button" id="btnOrder" value="立即购买" />
    </div>
</asp:Content>
